﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MasterPage.Master"
    Inherits="System.Web.Mvc.ViewPage<GestionEducativa.Models.UsuarioViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Gestión Educativa
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Perfil de usuario</h2>
    <fieldset>
        <legend id="t1">Información de usuario</legend>
        <div class="editor-label">
            Nombre de usuario:
        </div>
        <div class="editor-field">
            <input type="text" id="usuario" readonly="true" value="<%:HttpContext.Current.User.Identity.Name %>" />
        </div>
        <div class="editor-label">
            Contraseña actual:
        </div>
        <div class="editor-field">
            <input type="password" id="acon" autofocus />
        </div>
        <div class="editor-label">
            Nueva contraseña:
        </div>
        <div class="editor-field">
            <input type="password" id="ncon" />
        </div>
        <div class="editor-label">
            Confirmar contraseña:
        </div>
        <div class="editor-field">
            <input type="password" id="ccon" />
        </div>
        <p>
            <input type="button" id="cambiar" value="Cambiar contraseña" />
        </p>
        <p>
            <label id="apro" style="color: #00FF00; font-size: large; font-style: inherit;">
            </label>
            <label id="error" style="color: #FF0000; font-size: large; font-style: inherit;">
            </label>
        </p>
    </fieldset>
</asp:Content>
<asp:Content ID="ScriptPU" ContentPlaceHolderID="HeaderContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {

            $('#cambiar').click(function () {

                $('#acon').removeClass('classtex');
                $('#ncon').removeClass('classtex');
                $('#ccon').removeClass('classtex');

                if (($('#ncon').val().length >= 6 && $('#ncon').val().length <= 10) &&
            ($('#ccon').val().length >= 6 && $('#ccon').val().length <= 10)) {
                    if ($('#ncon').val() == $('#ccon').val()) {
                        $.ajax({
                            url: '<%:Url.Content("~/Login/PerfilUsuario")%>',
                            cache: false,
                            type: "POST",
                            dataType: "json",
                            data: 'nomusu=' + $('#usuario').val() + '&con=' + $('#acon').val() + '&ncon=' + $('#ncon').val() + '&ccon=' + $('#ccon').val(),
                            success: function (dato) {
                                if (dato.vof) {
                                    $('#apro').html('La contraseña fue cambiada con éxito.');
                                    $('#acon').removeClass('classtex');
                                    $('#ncon').removeClass('classtex');
                                    $('#ccon').removeClass('classtex');
                                    $('#acon').val('');
                                    $('#ncon').val('');
                                    $('#ccon').val('');
                                }
                                else {
                                    if (dato.valor == 'cai') {
                                        $('#error').html('Contraseña incorrecta.');
                                        $('#acon').addClass('classtex');
                                    }
                                    if (dato.valor == 'v') {
                                        $('#error').html('Uno de los campos esta vacio.');
                                        $('#ncon').addClass('classtex');
                                        $('#ccon').addClass('classtex');
                                    }
                                }
                            }
                        });
                    }
                    else {
                        $('#error').html('Confirmacion de contraseña incorrecta.');
                        $('#ncon').addClass('classtex');
                        $('#ccon').addClass('classtex');
                    }
                }
                else {
                    $('#error').html('La contraseña esta fuera de rango, debe tener entre 6 y 10 caracteres.');
                    $('#ncon').addClass('classtex');
                    $('#ccon').addClass('classtex');
                }
            });

        });
    </script>
</asp:Content>
